<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"/>
		<title>融媒体比赛</title>
		<link rel="stylesheet" type="text/css" href="css/shipei.css"/>
		<link rel="stylesheet" type="text/css" href="css/index1.css"/>
		<link rel="stylesheet" type="text/css" href="css/index2.css"/>
		<link rel="stylesheet" type="text/css" href="css/index3.css"/>
		<link rel="stylesheet" type="text/css" href="css/index4.css"/>
		<link rel="stylesheet" type="text/css" href="css/index5.css"/>
		<link rel="stylesheet" type="text/css" href="css/index6.css"/>
	</head>
	<body>
		<!-- 页面1 -->
		<div id="index1" class="index">
			<!-- 顶部 -->
			<div class='top'></div>
			<!-- 主体内容 -->
			<div class="main">
				<!-- 加载文字 -->
				<p class="load_text">loading...</p>
				<!-- 进度条 -->
				<div class="load">
					<!-- 进度条背景 -->
					<div class="load_bg"></div>
					<!-- 进度条人物 -->
					<div class="load_r"></div>
				</div>
			</div>
			<!-- 爆竹1 -->
			<div class="baozhu_1"></div>
			<!-- 爆竹2 -->
			<div class="baozhu_2"></div>
			
			<!-- 烟花 -->
			<div class="yanhua yanhua1"></div>
			<div class="yanhua yanhua2"></div>
			<div class="yanhua yanhua3"></div>
			<div class="yanhua yanhua4"></div>
			<div class="yanhua yanhua5"></div>
			<div class="yanhua yanhua6"></div>
			<!-- 底部 -->
			<div class="bottom"></div>
		</div>
		<!-- 页面2 -->
		<div id='index2' class="index">
			<!-- 主内容 -->
			<div class="main">
				<!-- 内容背景 -->
				<div class="mian_bg"></div>
				<!-- 左灯笼 -->
				<div class="denglong_left"></div>
				<!-- 右灯笼 -->
				<div class="denglong_right"></div>
			</div>
			<!-- 按钮 -->
			<div class="btn"></div>
			<!-- 爆竹 -->
			<div class="baozhu"></div>
			<!-- 烟花 -->
			<div class="yanhua yanhua1"></div>
			<div class="yanhua yanhua2"></div>
			<div class="yanhua yanhua3"></div>
			<div class="yanhua yanhua4"></div>
			<div class="yanhua yanhua5"></div>
			<div class="yanhua yanhua6"></div>
			<!-- 底部 -->
			<div class="bottom"></div>
		</div>
		<!-- 页面3 -->
		<div id="index3" class='index'>
			<div class="main">
				<!-- 背景 -->
				<div class="main_bg"></div>
				<!-- 内容 -->
				<div class="content">
					<!-- 标题 -->
					<div class="title"></div>
					<!-- 文字 -->
					<div class="content_list">
						<ul>
							<li>1. 本活动仅限参加比赛用户参与。</li>
							<li>2. 用户在页面内可参与猜灯谜活动，本次活动共有6道灯谜题，需全部答对方可领取元旦祝福语。</li>
							<li>3. 如您已拥有祝福语，不要重复领取哦，本活动有效期7天呢！还等什么？快来领取吧！</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 按钮 -->
			<div class="btn"></div>
			<!-- 底部 -->
			<div class="bottom"></div>
		</div>
		<!-- 页面4 -->
		<div id="index4" class='index'>
			<div class="main">
				<div class="main_bg"></div>
				<div class="main_content">
					<ul>
						<li><img src="./img/index4/打%20一%20产%20品.png"></li>
						<li><img src="./img/index4/打%20一%20产%20品.png"></li>
						<li><img src="./img/index4/打%20一%20产%20品.png"></li>
						<li><img src="./img/index4/打%20一%20产%20品.png"></li>
						<li><img src="./img/index4/打%20一%20产%20品.png"></li>
						<li><img src="./img/index4/打%20一%20产%20品.png"></li>
					</ul>
					<div class="tip">小提示：全部答对获取祝福哦~</div>
				</div>
				
			</div>
			<div class="btn"></div>
			<div class="bottom"></div>
		</div>
		<div id="index5" class='index'>
			<div class="main">
				<div class="main_bg"></div>
				<div class="main_content">
				
				</div>
				<div class="btn"></div>
				<div class="tip">您的回答错误！</div>
			</div>
		</div>

		<div id='index6' class="index">
			<div class="main"></div>
			<div class="btn"></div>
		</div>
		<script src="./js/index6.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/index5.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/index4.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/index3.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/index2.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/index1.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
